<template>
	<view>
		<cu-custom bgColor="bg-white">
			<block slot="content">订单列表</block>
		</cu-custom>
		
		<view class="cu-card article no-card padding-tb-xs">
			<view class="cu-item shadow padding-top" @tap="detail(1)">
				<view class="content">
					<image class="margin-top-xs" src="https://qm-1251361737.cos.ap-shanghai.myqcloud.com/pro/logo.jpg"></image>
					<view class="desc">
						<view class="grid col-2">
							<view>小菜猿(合肥万象城店)</view>
							<view class="text-right"><text class="cuIcon cuIcon-right"></text></view>
						</view>
						<view>￥116</view>
						<view class="grid col-2">
							<view class="text-grey">04-27 15:04</view>
							<view class="text-right"><text class="text-orange">待支付</text></view>
						</view>
					</view>
				</view>
			</view>
		</view>
		
		<view class="cu-card article no-card padding-tb-xs">
			<view class="cu-item shadow padding-top" @tap="detail(2)">
				<view class="content">
					<image class="margin-top-xs" src="https://qm-1251361737.cos.ap-shanghai.myqcloud.com/pro/logo.jpg"></image>
					<view class="desc">
						<view class="grid col-2">
							<view>小菜猿(合肥万象城店)</view>
							<view class="text-right"><text class="cuIcon cuIcon-right"></text></view>
						</view>
						<view>￥53</view>
						<view class="grid col-2">
							<view class="text-grey">04-27 15:04</view>
							<view class="text-right"><text>订单已完成</text></view>
						</view>
					</view>
				</view>
			</view>
		</view>
		
		<view class="cu-card article no-card padding-tb-xs">
			<view class="cu-item shadow padding-top" @tap="detail(3)">
				<view class="content">
					<image class="margin-top-xs" src="https://qm-1251361737.cos.ap-shanghai.myqcloud.com/pro/logo.jpg" mode="aspectFill"></image>
					<view class="desc">
						<view class="grid col-2">
							<view>小菜猿(合肥万象城店)</view>
							<view class="text-right"><text class="cuIcon cuIcon-right"></text></view>
						</view>
						<view>￥254</view>
						<view class="grid col-2">
							<view class="text-grey">04-27 15:04</view>
							<view class="text-right"><text class="text-grey">订单已取消</text></view>
						</view>
					</view>
				</view>
			</view>
		</view>
		
		
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods: {
			detail(state){
				uni.navigateTo({
					url: 'order_detail?state='+state
				})
			}
		}
	}
</script>
<style>
	.cu-card.article>.cu-item .content>image{
		width: 80upx;
		height: 80upx;
	}
</style>

